
/*主面板样式*/
#container { 
    width:980px; 
    margin:0px auto;/*主面板DIV居中*/
}
/* 左侧面板样式 */
#lefter{
	width:20%;
	border:1px #000000 solid;
	float:left;
	background-color:#ceecf2;
}
#lefter div{
	border: 1px #000000 solid;
}
#lefter div img{
	float:right;
	width:50%;
	height:50%;
}

#lefter div span{
	float:left;
	width:50%;
}

/* 右侧面板式样 */
#centerer{
	width:79%;
	float:left;
}
/*顶部面板样式*/
#header {
}
/*左侧面板菜单*/
#lefter-title{
	margin-top:60px;
	margin-left:7px;
	width:95%;
	height:50px;
	font-size:20px;
	line-height:45px;
	border-top:10px;
	font-weight:200;
	background-image:url('../img/title-img.jpg');
}
/*中间部分面板样式*/
#main {
} 

/*底部面板样式*/
#footerer {
}

/*顶部面板图片轮播样式*/
 body,div,div,div,ul,li,a,img{margin: 0;padding: 0;}
  ul,li{list-style: none;}
  a{text-decoration: none;}
 
  #header{position: relative;margin: 1px auto;}
  #banner{position:relative;overflow: hidden;}
  
  .bg{position: absolute;bottom: 0;z-index:20;opacity: 0.4;filter:alpha(opacity=40);background: black;}
  .indexList{position: absolute;right: 10px;bottom: 5px;z-index: 30;}
  .indexList li{float: left;margin-right: 5px;padding: 2px 4px;border: 2px solid black;background: grey;cursor: pointer;}
  .indexList .indexOn{background: red;font-weight: bold;color: white;}
/*图片轮播样式结束*/